<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>{{ level1 }}</el-breadcrumb-item>
    <el-breadcrumb-item>{{ level2 }}</el-breadcrumb-item>
    <slot name="extra"></slot>
  </el-breadcrumb>
</template>

<script>
export default {
  name: "breadcrumb",
 
  props: {
    level1: {
      type: String,
      default: "一级标题",
    },
    level2: {
      type: String,
      default: "二级级标题",
    },
    level3:{
      type: String,
      default: "三级级标题",
    }
  },
};
</script>

<style lang="scss" scoped></style>
